{% extends 'base.html' %}

{% block title %}
	注册
{% endblock %}

{% block main %}
	<div style="max-width:400px; min-height: 460px;" class="m-auto">
        <h3 style="text-align: center;">注册</h3>
        <form action="" method="post">
            <div class="mb-3">
                <label for="exampleFormControlInput1" class="form-label">
                    User Name
                </label>
                <input type="password" class="form-control"
                       id="username"
                       placeholder="用户名">
            </div>
            <div class="mb-3">
                <label for="exampleFormControlInput1" class="form-label">
                    Email address
                </label>
                <input type="email" class="form-control"
                       id="email"
                       placeholder="电子邮箱">
            </div>
            <div class="mb-3">
                <label for="exampleFormControlInput1" class="form-label">
                    Password
                </label>
                <input type="password" class="form-control"
                       id="password"
                       placeholder="密码">
            </div>
            <div class="input-group mb-4 mt-4">
                <input type="text" class="form-control"
                       placeholder="验证码"
                       aria-label="Recipient's username"
                       aria-describedby="button-addon2"
                       id="email_code">
                <button class="btn btn-outline-secondary" type="button"
                        id="button-addon2">发送验证码
                </button>
            </div>
            <div class="mb-3">
                <button type="button" class="btn btn-primary w-100">注册
                </button>
            </div>
        </form>
    </div>
{% endblock %}